<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	template="/templates/template-cadastro.xhtml">

	<ui:define name="title">
		<p:outputLabel value="#{label['usuario.cadastro.titulo']}" styleClass="header-page" />
	</ui:define>

	<ui:define name="campos">

		<p:panel>

			<p:panelGrid>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['usuario.campo.nome']}" for="usuario_nome" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="usuario_nome" value="#{usuarioMB.modelCad.nome}" styleClass="maxInput" maxlength="200" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['usuario.campo.login']}" for="usuario_login" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="usuario_login" value="#{usuarioMB.modelCad.login}" styleClass="maxInput" maxlength="50" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['usuario.campo.senha']}" for="usuario_senha" />
					</p:column>
					<p:column>
						<p:password id="usuario_senha" value="#{usuarioMB.modelCad.senha}" maxlength="20" styleClass="maxInput" />
					</p:column>
					<p:column>
						<p:outputLabel value="#{label['usuario.campo.senha.confirmacao']}" for="usuario_senha_confirm" />
					</p:column>
					<p:column>
						<p:password id="usuario_senha_confirm" value="#{usuarioMB.modelCad.senhaConfirm}" maxlength="20"
							styleClass="maxInput" />
					</p:column>
				</p:row>

			</p:panelGrid>

		</p:panel>

		<p:spacer width="100%" height="20" />

		<p:panel>
			<p:panelGrid columns="1" style="text-align: left">
				<p:outputLabel
					value="Para a sua melhor comodidade, sua senha pode conter até 10 digitos dentre númenos, letras e caracteres especiais." />
			</p:panelGrid>
		</p:panel>

	</ui:define>

	<ui:define name="comandos">
		<p:commandButton value="#{label['sistema.botao.atualizar']}" update="@form"
			actionListener="#{usuarioMB.executarSalvar()}" />
	</ui:define>

</ui:composition>